import { Steps } from '@theme';

# Hello world

> [!TIP]
> This is a 'tip' style block.

> [!NOTE]
> This is a 'note' style block.

> [!WARNING]
> This is a 'warning' style block.

> [!CAUTION]
> This is a 'caution' style block.

> [!DANGER]
> This is a 'danger' style block.

> [!INFO]
> This is an 'info' style block.

> [!DETAILS]
> This is a 'details' style block.

> # This is a heading inside a blockquote

> **Bold text**

> _Italic text_

> [foo](bar)

> `Inline code`

> ```javascript
> // This is a code block
> console.log('Hello, World!');
> ```

> - List item 1
> - List item 2

> > Nested blockquote

> ![Image Alt Text](https://assets.rspack.rs/rspress/rspress-banner.png)

1. Title

   > [!INFO]
   > This is a 'info' style block.

- Title

  > [!WARNING]
  > This is a 'warning' style block.

<Steps>

1. Title

   > [!INFO]
   > This is a 'info' style block.

- Title

  > [!WARNING]
  > This is a 'warning' style block.

</Steps>
